Land & Lots For Sale in South Florida

let currentPage = 1; const perPage = 6; let totalPages = 1; async function fetchClosedDeals(page = 1) { try { const url = `https://andreyrossin.com/wp-json/wp/v2/estate_property?meta_key=status&meta_value=Closed&orderby=date&order=desc&per_page=${perPage}&page=${page}&_=${new Date().getTime()}`; const response = await fetch(url); if (!response.ok) throw new Error(`Error ${response.status}: ${response.statusText}`); const deals = await response.json(); totalPages = parseInt(response.headers.get('X-WP-TotalPages'), 10); const grid = document.getElementById('closed-deals-grid'); const prevBtn = document.getElementById('prev-btn'); const nextBtn = document.getElementById('next-btn'); const pageIndicator = document.getElementById('page-indicator'); grid.innerHTML = ''; for (const deal of deals) { const title = deal.title.rendered; const link = deal.link; const imgId = deal.featured_media; let imageUrl = ''; if (imgId) { const imgResponse = await fetch(`https://andreyrossin.com/wp-json/wp/v2/media/${imgId}?_=${new Date().getTime()}`); const media = await imgResponse.json(); imageUrl = media.source_url; } const card = document.createElement('a'); card.href = link; card.className = 'deal-card'; card.innerHTML = ` `; grid.appendChild(card); } // Update pagination buttons and indicator prevBtn.disabled = page = totalPages; pageIndicator.textContent = `Page ${page} of ${totalPages}`; updatePageNumbers(); } catch (error) { console.error('Failed to load closed deals:', error); document.getElementById('closed-deals-grid').innerHTML = '

No closed deals found or an error occurred.

'; } } function updatePageNumbers() { const container = document.getElementById('page-numbers'); container.innerHTML = ''; const maxButtons = 5; // Max page buttons visible (including first/last) const ellipsis = document.createElement('span'); ellipsis.textContent = '...'; ellipsis.style.margin = '0 5px'; function createPageBtn(i) { const btn = document.createElement('button'); btn.textContent = i; btn.className = 'page-number-btn'; if (i === currentPage) { btn.classList.add('active'); btn.disabled = true; } btn.addEventListener('click', () => { currentPage = i; fetchClosedDeals(currentPage); }); return btn; } if (totalPages <= maxButtons) { // Show all pages for (let i = 1; i 3) { container.appendChild(ellipsis.cloneNode(true)); } // Calculate range around current page let start = Math.max(2, currentPage - 1); let end = Math.min(totalPages - 1, currentPage + 1); // Adjust if near start or end if (currentPage = totalPages - 2) { start = totalPages - 3; } for (let i = start; i <= end; i++) { container.appendChild(createPageBtn(i)); } if (currentPage { if (currentPage > 1) { currentPage--; fetchClosedDeals(currentPage); } }); document.getElementById('next-btn').addEventListener('click', () => { if (currentPage < totalPages) { currentPage++; fetchClosedDeals(currentPage); } }); fetchClosedDeals(currentPage); #closed-deals-section { max-width: 1200px; margin: 60px auto; padding: 0 20px; } .closed-deals-heading { text-align: center; font-size: 2em; margin-bottom: 30px; color: #333; } .closed-deals-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .deal-card { width: 30%; text-decoration: none; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: transform 0.2s ease; display: flex; flex-direction: column; } .deal-card:hover { transform: translateY(-5px); } .deal-card img { width: 100%; height: 200px; object-fit: cover; } .deal-title { padding: 15px; font-size: 1rem; color: #222; text-align: center; } .pagination-controls { display: flex; justify-content: center; align-items: center; margin-top: 25px; gap: 10px; flex-wrap: wrap; } .pagination-controls button, .page-number-btn { padding: 8px 14px; background: #444; color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; } .pagination-controls button:disabled, .page-number-btn:disabled { background: #ccc; cursor: not-allowed; } .page-number-btn.active { background-color: #0073aa; font-weight: bold; } @media (max-width: 768px) { .deal-card { width: 100%; } }